<template>
  <div class="top-maoyan">
    <span>{{ title }}</span>
    <img src="../assets/denghao.png" alt="" />
  </div>
</template>

<script>
export default {
  name: "Header",
  props: {
    title: {
      type: String,
      default: () => {
        return "猫眼电影"
      }
    }
  }
};
</script>

<style scoped>
.top-maoyan {
  background-color: #e54847;
  padding: 0.16rem;
  height: 1.3335rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.top-maoyan span {
  color: #fff;
  font-size: 0.48rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.top-maoyan img {
  width: 0.4535rem;
  height: 0.427rem;
  position: absolute;
  top: 0.45rem;
  right: 0.4rem;
}
</style>
